<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8" />
    {% block title_meta %}
    {% endblock %}
    <link href="http://static.guojl.com/css/default.css" rel="stylesheet" type="text/css" media="screen" />
    {% block css %}{% endblock %}
<script type="text/javascript" src="http://static.guojl.com/js/jquery-1.4.1.min.js"></script>
    {% block javascript %}{% endblock %}
</head>
<body>
<!-- start header -->
<div id="header">
    <div id="logo">
       <h1><a href="/">guojl's blog</a></h1>
        <div class="search"><input style="width: 200px;color: #808080" onclick="if(this.value==this.defaultValue) this.select()" value="输入关键字" ><input title="搜索" type="image" value="search" style="height: 30px; width: 30px; float: right;" src="http://static.guojl.com/images/search.png"></div>
        <!--<h2><a href="http://www.freecsstemplates.org/">By Free CSS Templates</a></h2>-->
    </div>
    <div id="menu">
        <ul>
            <li class="active"><a href="/" accesskey="1" title="">Blog</a></li>
            <!--<li><a href="#" accesskey="2" title="">Photos</a></li>
            <li><a href="#" accesskey="3" title="">About</a></li>
            <li><a href="#" accesskey="4" title="">Contact</a></li>-->
        </ul>
    </div>
</div>
<!-- end header -->
<!-- start page -->
<div id="page">
{% block content %}{% endblock %}
    <div id="sidebar">
        <ul>
            <li>
                <h2>Categories</h2>
                <ul>
                    {% for category in categories %}
                        <li><a href="/category/{{ category.id }}">{{ category.categoryname }}</a>({{ category.article_set.all|length}})</li>
                    {% endfor %}
                </ul>
            </li>
            <li>
                <h2>Tag</h2>
                <ul>
                    {% for tag in tags %}
                        <li><a href="/tag/{{ tag.id }}">{{ tag.tagname }}</a> ({{ tag.article_set.all|length }})</li>
                    {% endfor %}
                </ul>
            </li>
            <!--<li>
                <h2>Archives</h2>
                <ul>
                    <li><a href="#">September</a> (23)</li>
                    <li><a href="#">August</a> (31)</li>
                    <li><a href="#">July</a> (31)</li>
                    <li><a href="#">June</a> (30)</li>
                    <li><a href="#">May</a> (31)</li>
                    <li><a href="#">April</a> (30)</li>
                    <li><a href="#">March</a> (31)</li>
                    <li><a href="#">February</a> (28)</li>
                    <li><a href="#">January</a> (31)</li>
                </ul>
            </li>-->
        </ul>
    </div>
</div>
<div style="clear: both; height: 30px">&nbsp;</div>
<!-- end page -->
<div id="footer">
    <p>&copy;2012  &nbsp;&bull;&nbsp; Designed by django<span class="tongji"><script type="text/javascript">
    var _bdhmProtocol = (("https:" == document.location.protocol) ? " https://" : " http://");
    document.write(unescape("%3Cscript src='" + _bdhmProtocol + "hm.baidu.com/h.js%3F97bd40f93c957f852fa3f663837bad9b' type='text/javascript'%3E%3C/script%3E"));
</script>
</span></p>
</div>
{% block bottomjs %}{% endblock %}
<!-- Baidu Button BEGIN -->
<script type="text/javascript" id="bdshare_js" data="type=slide&amp;img=0&amp;pos=right&amp;uid=809479" ></script>
<script type="text/javascript" id="bdshell_js"></script>
<script type="text/javascript">
    document.getElementById("bdshell_js").src = "http://bdimg.share.baidu.com/static/js/shell_v2.js?cdnversion=" + Math.ceil(new Date()/3600000);
</script>
<!-- Baidu Button END -->
</body>
</html>
